#set(project = false)
#@mgtlayout()
#define before()
<script type="text/javascript">
  if(window.top !== window.self) {
    window.top.location = window.location;
  }
</script>
#end
#define main()

<div class="r-cl-0-0" style="text-align: center; margin-top: 20px">
  <span class="r-h2">#(sysTitle)</span>
  <span class="r-h7">#(subSysTitle??'管理系统')</span>
</div>
<div class="g-login-panel">
  <!--<div class="r-m-b g-sys-name r-cl-0-2">-->
  <!--<span class="g-main r-h1">#(sysTitle)</span><span class="g-sub">#(subSysTitle??'管理系统')</span>-->
  <!--</div>-->
  <!-- 登录面板 -->
  <div id="loginContainer" class="r-p-xl r-bg-0-0 r-bd-12-2 g-login-container">
    <form id="frmLogin" class="g-login-form">
      <div class="r-row">
        <div class="r-col-12 r-m-b-xl r-cell">

          <input type="text" class="r-ui r-zoom-lg" name="loginId" data-r-opts="{icon:'fa-id-card',label:'账号',style:'underline'}" maxlength="20">
        </div>
      </div>
      <div class="r-row">
        <div class="r-col-12 r-m-b-xl r-cell">
          <input type="password" class="r-ui r-zoom-lg" name="loginIds" data-r-opts="{label:'密码',style:'underline'}" maxlength="20">
        </div>
      </div>
      <div class="r-row r-flex r-flex-al-b">
        <div class="r-col-9 r-m-b-xl r-cell">
          <input type="text" class="r-ui r-zoom-lg" name="captcha" data-r-opts="{tip:'请填写右侧图片中的验证码',style:'underline'}" maxlength="20">
        </div>
        <div class="r-col-3 r-m-b-xl r-cell">
          <img alt="点击刷新" title="点击刷新" class="g-captcha" id="imgCode" src="/captcha" />
        </div>
      </div>
    </form>
    <button type="button" id="btnLogin" data-r-opts="{color:1}" class="r-ui r-block r-zoom-xl r-m-t g-login-button">登 录</button>
  </div>
</div>
#end
#define css()
#(yx.css("/content/pc/sysmgt/infrastructure/_main/login.css"))
#end
#define js()
#(yx.js("/lib/crypto-js/crypto-js.js"))
#(yx.js("/lib/crypto-js/aes.js"))
#(yx.js("/script/pc/sysmgt/infrastructure/login_register.js"))
#end